<script type='text/javascript' src='raphael.js'> </script>
<script type='text/javascript' src='BandedCircle.js'> </script>

<div style='border:1px dashed black;' id='bandedcirclecontainer'></div>

<script type='text/javascript'>
window.onload = function() {
	var bcinp = { container:'bandedcirclecontainer', canvasWidth:500, canvasHeight:500,
		components:[
			{name:'A', size:75, place:[100,100]},
			{name:'B', size:50,  place:[250,200]}
		],
		connections:[ // connection from i-th to k-thcomponent, i < k
			[{to:1, startsize:20, endsize:25}],
			[]
		]
	};
	var bc = BandedCircle(bcinp);
	alert("made bc");
	bc.render();
	alert("rendered bc");
};
</script>
